/*
 * Typography
 */
html {
  color: @bodyTextColor;
  background: @bodyBackground;
}
// 要注意表单元素并不继承父级 font 的问题
body, button, input, select, textarea {
  font: @baseFontSize @baseFontFamily;
  line-height: @baseLineHeight;
  *line-height: @baseLineHeight;
}

// Paragraph
// --------------------------------
p {
  margin: 0 0 @baseLineHeight/2;
}

.lead {
  margin-bottom: @baseLineHeight;
  font-size: @baseFontSize * 1.5;
  font-weight: 500;
  line-height: @baseLineHeight * 1.5;
}

// Blockquotes
blockquote {
  margin: 0 0 @baseLineHeight/2;
  padding: 0 0 0 15px;
  border-left: 5px solid @grayLighter;
  p {
    margin-bottom: 0;
  }
  small {
    display: block;
    line-height: @baseLineHeight;
    color: @grayLight;
    &:before {
      content: '\2014 \00A0';
    }
  }
  // Float right with text-align: right
  &.pull-right {
    float: right;
    padding: 0 15px 0 0;
    border-right: 5px solid @grayLighter;
    border-left: 0;
    p, small {
      text-align: right;
    }
    small {
      &:before {
        content: '';
      }
      &:after {
        content: '\00A0 \2014';
      }
    }
  }
}

// Emphasis
// --------------------------------
// Element Emphasis
small {
  font-size: .85em;
}
strong {
  font-weight: bold;
}
em {
  font-style: italic;
}

// Headings
// --------------------------------
h1, h2, h3, h4, h5, h6 {
  margin: @baseLineHeight/2 0;

  font-family: @headFontFamily;
  font-weight: @headFontWeight;
  color: @headTextColor;

  text-rendering: optimizelegibility; // Fix the character spacing for headings

  small {
    font-weight: 500;
  }
}
h1 {
  font-size: 36px;
}
h2 {
  font-size: 30px;
}
h3 {
  font-size: 24px;
}
h4 {
  font-size: 18px;
}
h5 {
  font-size: 14px;
}
h6 {
  font-size: 12px;
}
h1, h2, h3, h4 {
  small {
    font-size: .6em;
  }
}
// Other
// --------------------------------
hr {
  margin: @baseLineHeight 0;
  border: 0;
  border-top: 1px solid @borderInverseColor;
  border-bottom: 1px solid @bodyBackground;
}

abbr[title] {
  cursor: help;
  border-bottom: 1px dotted @grayLight;
}